<?php use_helper('jQuery', 'I18N', 'Date') ?>

<div id="mostrar" title="<?php echo __("Datos de la Mailing")?>" class="mailing">
	<div id="datosGrupo">
	    <?php include_partial('grupo/muestraGrupo',array ('grupo' => $grupo)) ?>
	</div>
	<span id='mostrarOcultarMailing' class='ocultarMasDatos'/>
	<div id="datosMailing">
	   <?php include_partial('mailing/muestraMailing',array('mailing'=> $mailing, 'texto' => $texto))?>
	</div>
</div>

<script language="JavaScript" type="text/javascript">
  	$(function() {
                var mostrarTabla = false;
                $("#datosMailing").show();
  	        $("#mostrarOcultarTabla").click(function () {
                        $("#datosMailing").toggle("slow");
                        $("#mostrarOcultarMailing").toggle("slow");
  			if (mostrarTabla){
  	  			mostrarTabla = false;
  	  			$("#mostrarOcultarTabla").addClass('mostrarMasDatos');
  	  		        $("#mostrarOcultarTabla").removeClass('ocultarMasDatos');
                                $("#registros").addClass('pocosRegistros');
  	  			$("#registros").removeClass('muchosRegistros');
  			}else{
  	  			mostrarTabla = true;
  	  			$("#mostrarOcultarTabla").removeClass('mostrarMasDatos');
  	  			$("#mostrarOcultarTabla").addClass('ocultarMasDatos');
                                $("#registros").removeClass('pocosRegistros');
  	  			$("#registros").addClass('muchosRegistros');
  	  		}
  		});    
            
                var mostrarMailing = false;
                $("#textoMailing").addClass('textoSimple');
                $("#masmenosMailing").show();
  	        $("#mostrarOcultarMailing").click(function () {
  			$("#datosGrupo").toggle("slow");
  			if (mostrarMailing){
  	  			mostrarMailing = false;
  	  			$("#mostrarOcultarMailing").addClass('mostrarMasDatos');
  	  		        $("#mostrarOcultarMailing").removeClass('ocultarMasDatos');
                                $("#textoMailing").removeClass('textoCompleto');
  	  		        $("#textoMailing").addClass('textoSimple');
                                
  			}else{
  	  			mostrarMailing = true;
  	  			$("#mostrarOcultarMailing").removeClass('mostrarMasDatos');
  	  			$("#mostrarOcultarMailing").addClass('ocultarMasDatos');
                                $("#textoMailing").addClass('textoCompleto');
  	  		        $("#textoMailing").removeClass('textoSimple');
  			}
  		});    
  		
  		var aceptar = function () {
			$("#mostrar").dialog("destroy");
			$("#mostrar").remove();
  		};
               
  		var dialogOpts = {
  			autoOpen: true,
  			width:850,
  			minHeight:600,
  			closeOnEscape: true,
  			modal: true,
  			buttons: {
  				"<?php echo __("Aceptar")?>": aceptar
                        },
                        resizable: false,
                        close: function() { location.href = "<?php echo url_for('@mailing'); ?>"},
  			open: function() {
                                $(this).parent().find('button:nth-child(1)').focus();
                        },
  			close: function(event, ui) {
  				$("#mostrar").dialog("destroy");
  				$("#mostrar").remove();
  			}
  		};
  		$("#mostrar").dialog(dialogOpts);
   });
  </script>